import './assets/main.css'
import '@mdi/font/css/materialdesignicons.css'

import { createApp } from 'vue'
import App from './App.vue'
import api from './services/api'
import router from './router'
import vuetify from './plugins/vuetify' // 导入 Vuetify 插件

// 创建 Vue 应用
const app = createApp(App)

// 将 API 服务作为插件添加到 Vue 应用中
app.config.globalProperties.$api = api

// 添加全局错误处理
app.config.errorHandler = (err, vm, info) => {
  console.error('Global error:', err)
  console.error('Error vm:', vm)
  console.error('Error info:', info)
}

// 使用路由配置
app.use(router)

// 使用 Vuetify
app.use(vuetify)

// 挂载应用
app.mount('#wrapper-app')
